<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="css/index.css" />
		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/vue.min.js"></script>
		<script type="text/javascript" src="js/underscore-min.js"></script>
		<script type="text/javascript" src="js/fastclick.js" ></script>
		<script type="text/javascript" src="js/utils.js"></script>
		<style>
			[v-cloak] {
				display: none;
			}
		</style>
	</head>

	<body>
		<div style="width: 100%;overflow-x: hidden;" id="root" v-cloak>
			<div class="tab-content" v-if="tabIndex === 0">
				<table border="1" cellspacing="0" cellpadding="0" width="100%">
					<tr>
						<th colspan="3">当前时间：{{nowTime}}</th>
					</tr>
					<tr class="info">
						<th colspan="3">
							注：{{dayOrNight}}。时间表按照下次刷新的时间排序。
							<span style="color: orange;">友情提醒：别忘记签到！</span>
						</th>
					</tr>
					<tr>
						<th>名字</th>
						<th>坐标</th>
						<!--<th>上次刷新</th>-->
						<th>下次刷新</th>
					</tr>
					<tr v-for="obj in bossTimeList">
						<td>{{obj.c_name}}</td>
						<td class="text-center">
							{{obj.waypoint.name || '暂未收录'}}
							<template v-if="obj.waypoint.chatlink">
								<br />
								<span class="color-key">{{obj.waypoint.chatlink}}</span>
							</template>
						</td>
						<!--<td>{{obj.timeObj.prevTime}}</td>-->
						<td class="text-center">{{obj.timeObj.nextTime}}</td>
					</tr>
				</table>
			</div>
			
			<div class="tab-content" v-if="tabIndex === 1">
				<table border="1" cellspacing="0" cellpadding="0" width="100%">
					<tr>
						<th colspan="3">
							阅读需知：下文中提到的x点，均以12点为北方作为标准；x方向，为传送后面朝方向为标准或行进时面朝方向为标准。传送点来自贴吧，整理+校准来自66】
						</th>
					</tr>
					<tr>
						<th width="80">名字</th>
						<th>坐标</th>
						<th>方向</th>
					</tr>
					<template v-for="obj in dailyLocation">
						<tr>
							<th colspan="3">{{obj.name}}</th>
						</tr>
						<tr v-for="item in obj.children">
							<td>{{item.name}}</td>
							<td class="text-center">
								{{item.waypoint.name}}
								<template v-if="item.waypoint.chatlink">
									<br />
									<span class="color-key">{{item.waypoint.chatlink}}</span>
								</template>
							</td>
							<td class="text-center">{{item.direction}}</td>
						</tr>
					</template>
				</table>
			</div>
			
			<div class="tab-content" v-if="tabIndex === 2">
				<table border="1" cellspacing="0" cellpadding="0" width="100%">
					<tr>
						<th colspan="3">
						 	使用须知：传送点列表来自网络+66翻译。目前只有老图传送点，新传送点看心情之后翻。格式看心情之后整理。
							<br />
							<input placeholder="请输入筛选关键词" type="text" v-model="waypointFilter" class="waypoint-filter" />
						</th>
					</tr>
					<tr>
						<th>区域</th>
						<th>名字</th>
						<th>坐标</th>
					</tr>
					<template v-for="obj in waypoint">
						<tr v-for="item in obj.children" v-if="!waypointFilter || item.name.indexOf(waypointFilter) != -1">
							<td>{{obj.name}}</td>
							<td>{{item.name}}</td>
							<td class="text-center">
								<span class="color-key">{{item.chatlink}}</span>
							</td>
						</tr>
					</template>
				</table>
			</div>
			
			<div class="tab-content" v-if="tabIndex === 3" style="padding: 10px;">
				假装我有话说。 <br />
				有任何建议可以联系我。   <br />
				<div style="text-align: right;">
					code by wolfx
				</div>
			</div>
			<div class="tabs">
				<div class="tab-item" :class="{active: tabIndex === 0}" @click="changeTab(0)">时间表</div>
				<div class="tab-item" :class="{active: tabIndex === 1}" @click="changeTab(1)">日常坐标</div>
				<div class="tab-item" :class="{active: tabIndex === 2}" @click="changeTab(2)">坐标库</div>
				<div class="tab-item" :class="{active: tabIndex === 3}" @click="changeTab(3)">关于</div>
				<div class="clr"></div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/bossTimeList.js"></script>
	<script type="text/javascript" src="js/dailyLocation.js"></script>
	<script type="text/javascript" src="js/waypoint.js" ></script>
	<script type="text/javascript" src="js/index.js"></script>
</html>